﻿@using Pe.Petecos.Comercial.Presentacion.Resource.Base
@using Pe.Petecos.Comercial.Presentacion.Resource.Ventas
@using Pe.Petecos.Comercial.Presentacion.Resource.Mensaje
@using Pe.Petecos.Comercial.Presentacion.Core.Helpers

@model Pe.Petecos.Comercial.Presentacion.Core.ViewModel.Ventas.AdministrarComprobantePagoRegistroModel
@{
    ViewBag.Title = "Formulario de Registro";
}
<div class="content-body">
    <div class="breadcrumbs">
        :: Usted se encuentra en: <span>COMPROBANTE DE PAGO</span><span class="nivel-bread">/</span><span class="active-view">REGISTRO COMPROBANTE DE PAGO</span>
    </div>
    <div class="main-colum">
        <!-- wrap -->
        <div class="box-wrap-main">
            <div class="box-wrap-header">
                <div class="pull-left">
                    <div class="title-main">
                        Registro <span>Comprobante de Pago</span>
                    </div>
                </div>
            </div>
            <div class="box-wrap-body">
                <!-- tab -->
                <form id="frmFormularioRegistro">
                    <div role="tabpanel">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#cabecera" aria-controls="home" role="tab" data-toggle="tab">COMPROBANTE DE PAGO</a>
                            </li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane fade in active" id="cabecera">
                                <!-- registro presupuesto -->

                                <div class="box-form">
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Código de Comprobante </label>
                                                <input id="txtFormularioRegistroCodigo" type="text" class="form-control" disabled="disabled" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Orden de Compra </label>
                                                <div class="input-group-custom">
                                                    <input id="txtFormularioRegistroOrdenCompra" type="text" class="form-control">
                                                    <button id="btnBuscarOC" class="input-group-addon-custom"><i class="fa fa-search"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-8">
                                            <div class="form-group">
                                                <label>Proveedor </label>
                                                <input id="txtFormularioRegistroProveedor" type="text" class="form-control" validable="required EtiquetaProveedor" disabled="disabled" />
                                                <input id="hdnCodigoProveedor" type="hidden" value=""/>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Numero Comprobante </label>
                                                <input id="txtFormularioRegistroNumeroComprobante" type="text" class="form-control" validable="required EtiquetaNumeroComprobante" />
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Tipo de Comprobante </label>
                                                @Html.DropDownList("slcFormularioRegistroTipoComprobantePago", Model.TiposComprobantePago, new { id = "slcFormularioRegistroTipoComprobantePago", @class = "form-control", validable = "required EtiquetaTipoComprobantePago" })
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Moneda </label>
                                                @Html.DropDownList("slcFormularioRegistroMoneda", Model.Monedas, new { id = "slcFormularioRegistroMoneda", @class = "form-control", validable = "required EtiquetaMoneda" })
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label style="width:100%">Tipo de Pago </label>
                                                @Html.DropDownList("slcFormularioRegistroTipoPagoComprobante", Model.TiposDePagosPorComprobante, new { id = "slcFormularioRegistroTipoPagoComprobante", @class = "form-control", validable = "required EtiquetaDePagoComprobantePago" })
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Numero Cuotas </label>
                                                <input id="txtFormularioRegistroNumeroCuotas" type="text" class="form-control" validable="required EtiquetaNumeroCuota" />
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Cuota Actual </label>
                                                <input id="txtFormularioRegistroCuotaActual" type="text" class="form-control" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Monto </label>
                                                <input id="txtFormularioRegistroMonto" type="text" class="form-control" validable="required EtiquetaMonto" />
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Fecha de Pago </label>
                                                <div class="input-group-custom">
                                                    <input id="txtFormularioRegistroFechaPago" type="text" class="form-control" validable="required EtiquetaFechaPago" mask="date" />
                                                    <button class="input-group-addon-custom"><i class="glyphicon glyphicon-calendar"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="form-group">
                                                <label>Fecha Programada </label>
                                                <div class="input-group-custom">
                                                    <input id="txtFormularioRegistroFechaProgramada" type="text" class="form-control" mask="date" />
                                                    @*<button class="input-group-addon-custom"><i class="glyphicon glyphicon-calendar"></i></button>*@
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-12">
                                            <div class="form-group">
                                                <label>Observaciones </label>
                                                <textarea id="txtFormularioRegistroObservaciones" class="form-control" rows="2" placeholder="Ninguna Observacion"></textarea>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <!-- registro presupuesto -->
                            </div>
                        </div>
                    </div>
                </form>
                <!-- cierra tab -->
                <div class="box-acciones">
                    <div class="col-xs-4">
                        <!-- Progress -->
                        @*<div class="progress">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: 2%;">
                                <span>2%</span>
                            </div>
                        </div>*@
                    </div>
                    <div class="pull-right">
                        @*<button class="btn-s btn-search" id="btnExportarRegistro" style="display: none">Exportar</button>*@
                        <button class="btn-s btn-clean" id="btnCancelarRegistro">@GenericoResource.BotonCancelar</button>
                        
                        @if (Request["accion"] == null)
                        {
                            <button class="btn-s btn-search" id="btnGrabarRegistro">@GenericoResource.BotonGrabar</button>
                            <button class="btn-s btn-add" id="btnAprobarRegistro" style="display: none">@GenericoResource.BotonAprobar</button>
                        }

                    </div>
                </div>
            </div>
        </div>
        <!-- cierra wrap -->
    </div>
</div>
<footer class="login inter-foot">
    <div class="row">
        <div class="col-xs-12">
            <p class="pull-left">Corporación Petecos S.A.C. © Todos los derechos reservados 2015</p>
        </div>
    </div>
</footer>


@section scripts
{
    <script type="text/javascript">
     
        ns('Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePago.Model')
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePago.Model.ComprobantePago = @(Html.Raw(Json.Encode(Model.ComprobantePago)));

        ns('Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePago.Actions')
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePago.Actions.Index = '@Url.Action("Index", "AdministrarComprobantePago", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePago.Actions.Buscar = '@Url.Action("Buscar", "AdministrarComprobantePago", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePago.Actions.Registrar = '@Url.Action("Registrar", "AdministrarComprobantePago", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePago.Actions.Aprobar = '@Url.Action("Aprobar", "AdministrarComprobantePago", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePago.Actions.PreAprobar = '@Url.Action("PreAprobar", "AdministrarComprobantePago", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePago.Actions.Aceptar = '@Url.Action("Aceptar", "AdministrarComprobantePago", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePago.Actions.Copiar = '@Url.Action("Copiar", "AdministrarComprobantePago", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePago.Actions.Exportar = '@Url.Action("Exportar", "AdministrarComprobantePago", new { Area = "Ventas" })';

        ns('Pe.Petecos.Comercial.Presentacion.General.Comun.Actions')
        Pe.Petecos.Comercial.Presentacion.General.Comun.Actions.BusquedaOrdenCompraProveedor = '@Url.Action("BusquedaOrdenCompraProveedor", "Comun", new { Area = "General" })';

        ns('Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Actions')
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Actions.Buscar = '@Url.Action("Buscar", "AdministrarOrdenCompra", new { Area = "General" })';

        ns('Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoOrdenCompra')
        Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoOrdenCompra.Aprobado = '@Html.Raw(Pe.Petecos.Comercial.Cross.Core.Constantes.DatosConstantes.EstadoOrdenCompra.Aprobado)';

        ns('Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePagoResource')
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePagoResource.EtiquetaUsuarioCreacion = '@Html.Raw(GenericoResource.EtiquetaUsuarioCreacion)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePagoResource.EtiquetaFechaCreacion = '@Html.Raw(GenericoResource.EtiquetaFechaCreacion)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePagoResource.EtiquetaTipoComprobantePago = '@Html.Raw(GenericoResource.EtiquetaTipoComprobantePago)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePagoResource.EtiquetaMoneda = '@Html.Raw(GenericoResource.EtiquetaMoneda)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePagoResource.EtiquetaDePagoComprobantePago = '@Html.Raw(GenericoResource.EtiquetaDePagoComprobantePago)';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarComprobantePagoResource.EtiquetaNombre = 'Nombre';


        ns('Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoComprobantePago')
        Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoComprobantePago.Registrado = '@Html.Raw(Pe.Petecos.Comercial.Cross.Core.Constantes.DatosConstantes.EstadoComprobantePago.Registrado)';
        Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoComprobantePago.PreAprobado = '@Html.Raw(Pe.Petecos.Comercial.Cross.Core.Constantes.DatosConstantes.EstadoComprobantePago.PreAprobado)';
        Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoComprobantePago.Aprobado = '@Html.Raw(Pe.Petecos.Comercial.Cross.Core.Constantes.DatosConstantes.EstadoComprobantePago.Aprobado)';

        ns('Pe.Petecos.Comercial.Presentacion.Enumerados.TipoPagoComprobante')
        Pe.Petecos.Comercial.Presentacion.Enumerados.TipoPagoComprobante.Adelanto = '@Html.Raw(Pe.Petecos.Comercial.Cross.Core.Constantes.DatosConstantes.TipoDePagoComprobante.Adelanto)';
        Pe.Petecos.Comercial.Presentacion.Enumerados.TipoPagoComprobante.Cuotas = '@Html.Raw(Pe.Petecos.Comercial.Cross.Core.Constantes.DatosConstantes.TipoDePagoComprobante.Cuota)';
    </script>

    <script type="text/javascript" src="~/Scripts/General/Comun/BusquedaOrdenCompraProveedor/Controller.js"></script>

}